<script setup>
import NavigationBar from './components/NavigationBar.vue'
</script>

<template>
  <div class="min-h-screen bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors duration-300">
    <NavigationBar />
    <main class="flex-grow">
      <router-view />
    </main>
    <footer class="bg-white dark:bg-gray-800 py-4 shadow-inner">
      <div class="container mx-auto px-4 text-center text-gray-500 dark:text-gray-400 text-sm">
        © {{ new Date().getFullYear() }} 新闻中心 - 基于Vue 3构建
      </div>
    </footer>
  </div>
</template>

<style>
/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}
</style>
